<template>
    <div class="create-article_question">
        <div class="header">
            <div class="box">
                <h1>简云社CFS</h1>
                <div class="user-part">
                    <el-avatar shape="square" :src="loginInfo.avatar" />
                </div>
            </div>
        </div>
        <transition name="el-zoom-in-top" style="margin-top: 5px;">
            <wang-editor v-show="show" />
        </transition>
    </div>
</template>

<script setup lang="ts">
import WangEditor from '@/components/WangEditor.vue'
import store from '@/store'
import { onMounted, ref } from 'vue'

const loginInfo = ref(store.getters.getloginInfo)
const show = ref(false)

onMounted(() => {
    show.value = true
})

</script>

<style scoped>
.create-article_question {
    background-color: rgb(242, 242, 242);
    width: 100%;
    height: 100%;
    overflow: hidden;

    .header {
        width: 100%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
        background-color: white;
        .box {
            margin: 0 auto;
            width: 1200px;
            height: 55px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 999;
        }

        h1 {
            width: 13%;
            color: #0965ea;
            font-weight: bold;
            text-align: center;
        }

        .user-part {
            cursor: pointer;
            width: 13%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}
</style>